﻿var num = 1;
var placa;
$(document).ready(function () {

    $("#Fecha").jqxDateTimeInput({ width: '300px', height: '25px', formatString: 'F' });
    //$("#mostrar").click(function () {
       
    //    //LlenarCombo();
    //    deleteRow("reporte");//borro tabla
    //});

    $("info2").click(function () {
        alert("entro");
        $('#Informacion').modal('show');
    });

    $('#Fecha').on('valuechanged', function (event) {
      //usarlo para cuando se cambie la fecha
    });
   
});
function LlenarCombo() {
    //alert("entro");    
    var parametro = {};
    var DirSer = localStorage.getItem("DirSerUsu");
    var ruta = DirSer + "/Servicios/ServiciosJusTime.asmx/getRutas";
    document.getElementById("tRutaInfo").innerHTML = "";
    $.ajax({
        type: "GET",
        url: ruta,
        data: parametro,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (result) {
            var parametro = {};
            var DirSer = localStorage.getItem("DirSerUsu");
            var ruta = DirSer + "/Servicios/ServiciosJusTime.asmx/getRutas";
            $.ajax({
                type: "GET",
                url: ruta,
                data: parametro,
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (result) {
                    var lrutas = (typeof result.d) == 'string' ? eval('(' + result.d + ')') : result.d;
                    $.each(lrutas, function (index, item) {
                        if (item.NomRuta != 'SIN RUTA') {
                            $("#tRutaInfo").append("<li><button id='" + item.NomRuta + "' type='button' class='btn btn-default' onclick='llenartabla(id)'>" + item.NomRuta + "</button></li>");

                        }
                    });
                },
                error: function (jqXHR, status, error) {
                    alert(error + "-" + jqXHR.responseText);
                }
            });
        },
        error: function (jqXHR, status, error) {
            alert(error + "-" + jqXHR.responseText);
        }
    });
}
function nomRuta(ruta) {
    alert(ruta);
    //$("#tRutaInfo").append(ruta);
    document.getElementById("#tRutaInfo") = ruta;
}
function llenartabla(ruta) {
    deleteRow("reporte");
    tFecha = $('#Fecha').jqxDateTimeInput('getDate');
    var parametro = {
        Ruta: "'" + ruta + "'",
        Fecha: JSON.stringify(tFecha)
    };
    var DirSer = localStorage.getItem("DirSerUsu");
    var ruta = DirSer + "/Servicios/ServiciosJusTime.asmx/ReporteRutaDia";
    $.ajax({
        type: "GET",
        url: ruta,
        data: parametro,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (result) {
            //alert(result.d);
            lreporte = (typeof result.d) == 'string' ? eval('(' + result.d + ')') : result.d;
            //alert(lreporte);
            $.each(lreporte, function (index, item) {                
                $("#reporte").append("<tr id='" + item.Placa + "' onclick ='cargarModal(id)' ><td >" + num + "</td><td >" + item.Placa + "</td><td>" + item.Conductor + "</td><td >" + item.NumeroRecorridos + "</td> <td >" + item.TiempoLlegadasTarde + "</td></tr>");
                ++num;
            });
        },
        error: function (jqXHR, status, error) {
            alert(error + "-" + jqXHR.responseText);
        }
    });
}
function addNewRow(tabla, item) {
    //alert("Salio");
    // obtenemos acceso a la tabla por su ID
    var TABLE = document.getElementById(tabla);
    // obtenemos acceso a la fila maestra por su ID
    var TROW = document.getElementById("celda");

    // tomamos la celda
    var content = TROW.getElementsByTagName("td");

    // creamos una nueva fila
    var newRow = TABLE.insertRow(-1);
    //newRow.className = TROW.attributes['class'].value;

    // creamos una nueva celda
    var newCell = newRow.insertCell(newRow.cells.length)

    // creamos una nueva ID para el examinador
    //newID = 'file_' + (++numero);

    // creamos un nuevo control 
    //txt = '<input type="file" id="' + newID + '" size="50" />'

    // y lo asignamos a la celda 
    $('#'+tabla).append("<tr onclick ='cargarModal()' ><td >" + num + "</td><td >" + item.Placa + "</td><td>" + item.Conductor + "</td><td >" + item.NumeroRecorridos + "</td> <td >" + item.TiempoLlegadasTarde + "</td></tr>");
    //newRow.innerHTML = "<tr onclick ='cargarModal()' ><td >" + num + "</td><td >" + item.Placa + "</td><td>" + item.Conductor + "</td><td >" + item.NumeroRecorridos + "</td> <td >" + item.TiempoLlegadasTarde + "</td></tr>";
    //newRow.innerHTML = '<tr class="celda" id="info" onclick ="garModal(id)" ><td >' + num + '</td><td >' + item.Placa + '</td><td>' + item.Conductor + '</td><td >' + item.NumeroRecorridos + '</td> <td >' + item.TiempoLlegadasTarde + '</td></tr>';
    ++num;
    // aviso ;)
    
}
function cargarModal(id) {
    placa = id;
    deleteRow("Reloj");
    tFecha = $('#Fecha').jqxDateTimeInput('getDate');

    $('#Informacion').modal('show');
    $(".panel-heading").empty();
    $(".panel-heading").append('<b>Placa: </b>' + id);
    var text = getFecha(tFecha);//$('#Fecha').jqxDateTimeInput('getText');
    $("#heading").empty();
    $("#heading").append("<td><h4 class='modal-title' id='myModalLabel'>Reporte de Recorrido</h4> </td> <td><div align='left'> <h4 class='modal-title' id='myModalLabel'> fecha:</h4></div> </td><td>" + text + "</td>");


    deleteRow("Recorrido");

    var parametro = {
        Fecha: JSON.stringify(tFecha),
        Placa: "'" + id + "'"
    };
    var DirSer = localStorage.getItem("DirSerUsu");
    var ruta = DirSer + "/Servicios/ServiciosJusTime.asmx/ReporteBusRecorridos";
    $.ajax({
        type: "GET",
        url: ruta,
        data: parametro,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (result) {
            lreporte = (typeof result.d) == 'string' ? eval('(' + result.d + ')') : result.d;
            $.each(lreporte, function (index, item) {               
                $("#Recorrido").append("<tr onclick ='cargarPuntos(id)' id='" + item.NumeroRecorrido + "' ><td >" + item.NumeroRecorrido + "</td><td >" + item.HoraSalida + "</td><td>" + item.HoraLlegada + "</td><td >" + item.TiempoRecorrido + "</td></tr>");
               
            });
        },
        error: function (jqXHR, status, error) {
            alert(error + "-" + jqXHR.responseText);
        }
    });

}
function getHora(fecha) {
    //alert("entro");
    var dt = new Date(fecha);
    alert(dt);
    var h = dt.getHours().toString();
    var m = dt.getMinutes().toString();
    var s = dt.getSeconds().toString();
    var hora = h + " : " + m + " : " + s;
    alert(hora);
    return hora;
}
function getFecha(fecha) {
    var d = new Date(fecha);
    var y = d.getFullYear().toString();
    var m = (d.getMonth()+1).toString();
    var di = d.getDate().toString();
    var fech = di + "/" + m + "/" + y;
    return fech;

}
function cargarPuntos(id) {
    //alert("entro");
    deleteRow("Reloj");   
    tFecha = $('#Fecha').jqxDateTimeInput('getDate');
    var parametro = {
        Fecha: JSON.stringify(tFecha),
        Placa: "'" + placa + "'"
    };
    var DirSer = localStorage.getItem("DirSerUsu");
    var ruta = DirSer + "/Servicios/ServiciosJusTime.asmx/ReporteBusRecorridos";
    $.ajax({
        type: "GET",
        url: ruta,
        data: parametro,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (result) {

            lreporte = (typeof result.d) == 'string' ? eval('(' + result.d + ')') : result.d;
            $.each(lreporte, function (index, item) {

                if (item.NumeroRecorrido == id) {
                    $.each(item.PuntosDeControl, function (inde, ite) {
                        $("#Reloj").append("<tr ><td >" + ite.Punto + "</td><td >" + ite.Fecha + "</td></tr>");
                    });
                    
                }

            });
        },
        error: function (jqXHR, status, error) {
            alert(error + "-" + jqXHR.responseText);
        }
    });

}
function cambiacolor_over(celda) { celda.style.backgroundColor = "#ff0000" }
function cambiacolor_out(celda) { celda.style.backgroundColor = "#ffffff" }
function deleteRow(tableID) {  
    // obtenemos la tabla
    var TABLE = document.getElementById(tableID);
    num = 1;
    // si tenemos mas de una fila, borramos
    while (TABLE.rows.length>1) {
        
            TABLE.deleteRow(TABLE.rows.length - 1);
                   
    }
       // alert("salio");
    }